﻿<meta name="viewport" content="width=device-width,initial-scale=1" />
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>天行猫_快递服务申请系统</title>
    <link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/css/themes/default/easyui.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/css/themes/icon.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/css/demo.css" rel="stylesheet" />
    <script src="${pageContext.request.contextPath}/script/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/script/jquery.easyui.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/pintuer.css">
	<script src="${pageContext.request.contextPath}/script/wen.js"></script>
    
    <script>
        $(function () {
            bindEvent();
        });
        function bindEvent() {
            $(".btn_menu").click(function () {
                var title = $(this).text();
                var url = $(this).attr("url");
                var isSelect = $("#container").tabs('exists', title);
                if (isSelect) {
                    $("#container").tabs('select', title);
                    return;
                }
                $("#container").tabs('add', {
                    title: title,
                    content: CreateContent(url),
                    closable: true
                });
            });
        }

        function CreateContent(url) {
            var strHtml = '<iframe src="' + url + '" scrolling="no" frameborder="0" fit="true" style="height:110%;width:100%;min-height:600px;"></iframe>';
            return strHtml;
        }
        
        //执行系统时间
	//Date 日期   get得到  year年  month月  day日 
function showtime(){
	var myDate=new Date();//获取系统当前的时间
	var year=myDate.getFullYear();//得到当前时间的 年  2016 
	var month=myDate.getMonth()+1;//得到当前时间的  月  
	var day=myDate.getDate();//得到当前时间的 日  15
	var hour = myDate.getHours();//得到当前时间小时  时
	var mm = myDate.getMinutes();//得到当前时间分钟  分
	var sec = myDate.getSeconds();//得到当前时间秒  秒
	
	var week=myDate.getDay();//得到当前是星期几
	var weekStr;//定义一个保存星期几的变量
	if(week == 0)
	{
		weekStr="星期天";
	}
	else if(week == 1)
	{
		weekStr="星期一";
	}
	else if(week == 2)
	{
		weekStr="星期二";
	}
	else if(week == 3)
	{
		weekStr="星期三";
	}
	else if(week == 4)
	{
		weekStr="星期四";
	}
	else if(week == 5)
	{
		weekStr="星期五";
	}
	else if(week == 6)
	{
		weekStr="星期六";
	}
	else
	{
	}
	//当小时>12的时候  显示下午1点  而不是13点
	var myhour='';
	if(hour>12){
		myhour = '下午' + hour;
	}
	else{
		myhour = '上午' + hour;
	}
	//拼接字符串  2016年3月28日 09时03分30秒
	var dateStr=year+"年"+month+"月"+day+"日" + weekStr + "<br/>" + myhour+ " 时 " + mm + " 分 " + sec+ " 秒";
	//显示在页面标签 id="date" 标签上
	document.getElementById("dateSpan").innerHTML=dateStr;
}
//每隔1秒刷新一次  显示在页面上的时间
setInterval("showtime();",1000);
    </script>    
</head>
<body>
    <div id="layout_div" class="easyui-layout" style="width:100%">
        <div data-options="region:'north',border:false" style="overflow:hidden; height:70px;background:#338FCC;padding:10px;padding-left:30px;">
            <div style="float:left; height:70px;">
                <img src="${pageContext.request.contextPath}/images/toplogin.png" height="60" style="margin-top:-10px;" />
            </div>
            <div style="color:#fff  ;font-size:3em; float:left;margin-left:30px;">
               	 快递服务申请系统
            </div>
            <div style="float:right;height:70px; margin-right:50px;">
                <span>&nbsp;您好，<span style="font-size: 18px;">${u.username}！</span></span>
                <span><a href="/TxmSy/login/login"><img src="${pageContext.request.contextPath}/images/zx.png" class="masterTooltip" title="点击注销当前用户"/></a></span>
                <br/>
                <span id="dateSpan"></span>
            </div>
        </div>
        <div data-options="region:'west',split:false,title:'菜单',collapsible:false" style="width:13%;">
            <div id="menu" class="easyui-accordion" fit="true">
                <div title="管理操作" data-options="iconCls:'icon-print'" style=" overflow:auto;padding:10px;">
                    <ul class="easyui-tree">
                        <li><a href="javascript:;" class="btn_menu" url="${pageContext.request.contextPath}/courierlistexpress.html">申请记录</a></li>
                        <li><a href="javascript:;" class="btn_menu" url="${pageContext.request.contextPath}/courierfindexpress.html">派件管理</a></li>
                        <li><a href="javascript:;" class="btn_menu" url="${pageContext.request.contextPath}/listexpresshsz.html">订单回收站</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div data-options="region:'south',border:false" style="height:50px; font-size:15px; color:#fff; background:#338FCC;padding:10px; text-align:center">
            © 2017 - 天行猫--快递服务申请系统
        </div>
        <div data-options="region:'center'" style="overflow:hidden">
            <div class="easyui-tabs" fit="true" id="container">
                <div title="主页" style="padding:10px">
                   <br/>    
           		   <br/>
						<div class="line-big" style="margin-top: 5px;">
						<div class="xm3"></div>
						<div class="xm9">
				        <div class="alert">
						<h4>
							<span style="font-size: 24px;margin-left: 30%;">${u.username}</span>，欢迎使用天行猫速运申请服务系统
						</h4>
						<br/>	
						</div>
							<div class="panel">
								<div class="panel-head">
									<strong>系统信息</strong>
								</div>
								<table class="table">
									<tr>
										<th colspan="2">基本信息</th>
										<th colspan="2">作品信息</th>
									</tr>
									<tr>
										<td width="110" style="font-size: 16px;" align="right">操作系统:</td>
										<td>Windows service 2012</td>
										<td style="font-size: 16px;" align="right">作者名字:</td>
										<td>黄纯锡</td>
									</tr>
									<tr>
										<td style="font-size: 16px;" align="right">后台技术:</td>
										<td>Spring+SpringMvc+Json+Hibernate</td>
										<td style="font-size: 16px;" align="right">普通用户:</td>
										<td target="_blank">主要为申请快递，查询快递，和个人信息管理</td>
									</tr>
									<tr>
										<td width="90" style="font-size: 16px;" align="right">前端技术:</td>
										<td target="_blank">Html5+EasyUi+Jq</td>
										<td style="font-size: 16px;" align="right">快递员工:</td>
										<td target="_blank">执行审核通过快递订单，通过可以管理运送状态、快递已到区域</td>
									</tr>
									<tr>
										<td align="right" style="font-size: 16px;">数据库:</td>
										<td>MySQL</td>
										<td align="right" style="font-size: 16px;">管理员:</td>
										<td>可以管理客户申请的订单进行审核以及拥有全部权限</td>
									</tr>
									<tr>
										<td align="right" style="font-size: 16px;">编辑工具:</td>
										<td>MyEclipse，MySql，Dreamweaver，EditPlus</td>
										<td align="right" style="font-size: 16px;">市场价值:</td>
										<td>真实的快递应用系统，前后端进行分离，可重用性与复用性强！</td>
									</tr>

								</table>
							</div>
						</div>
					</div>

                       
             </div>
            </div>

        </div>
    </div>
</body>

</html>
